<template>
	<view class="computingPower">
		<view class="box">
			<h4>Filencoin {{$t('computing.CTP')}}</h4>
			<text>{{$t('computing.cutoff')}}: 2021-12-15 10:21:01</text>
		</view>
		<view class="body">
		<!-- 区块 -->
		<computingPower-area></computingPower-area>
		<!-- 算力 -->
		<computingPower-computing></computingPower-computing>
		<!-- FIl -->
		<computingPower-FIL></computingPower-FIL>
		<!-- 扇区 -->
		<computingPower-sector></computingPower-sector>
		<!-- 关于 -->
		<computingPower-about></computingPower-about>
		<!-- 收益 -->
		<computingPower-get></computingPower-get>
		</view>
	</view>
</template>

<script>
	import areas from '../../components/computingPower-area/computingPower-area.vue'
	import computings from '../../components/computingPower-computing/computingPower-computing.vue'
	import FILs from '../../components/computingPower-FIL/computingPower-FIL.vue'
	import sector from '../../components/computingPower-sector/computingPower-sector.vue'
	import about from '../../components/computingPower-about/computingPower-about.vue'
	import gets from '../../components/computingPower-get/computingPower-get.vue'
	export default {
		components:{
			areas,
			computings,
			FILs,
			sector,
			about,
			gets
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>
<style>
	page{
		background-color: #F3F3F3;
	}
</style>
<style scoped>
.box{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	background-color: #FFFFFF;
	margin-bottom: 6rpx;
	position: fixed;
	top: 0vh;
	z-index: 9999;
}
.box>h4{
	margin-left: 20rpx;
	line-height: 80rpx;
}
.box>text{
	opacity: .7;
	font-size: .7em;
	padding-top: 24rpx;
	padding-right: 20rpx;
}

</style>
